<template>
  <div id="app">
    <router-view></router-view>
  </div>
</template>

<script>
import axios from "axios";
export default {
  created() {
    // 发送请求，获取频道信息

    this.getNav();
  },

  methods: {
    async getNav() {
      let {
        data: { result },
      } = await axios.get("./nav.json");
      this.$store.dispatch("muChannels", result);
    },
  },
};
</script>

<style lang="scss" scoped>
* {
  margin: 0;
  padding: 0;
  list-style: none;
  text-decoration: none;
  outline: none;
}

.flex {
  display: flex;
}
.j-c {
  justify-content: center;
}

.j-s {
  justify-content: space-between;
}
.a-c {
  align-items: center;
}

</style>